:root {
  --titleWidth: 500px;
}
a {
  text-decoration: none;
}
.fa-caret-right {
  margin-left: 5px;
}
body {
  margin: 0;
  padding: 0;
}
.Polygon-Bottom {
  cursor : Pointer;
}
.wrapper {
  width: 100vw;
  /*height: calc(3076px + 146px);*/
  background-color: #ffffff;
}
body {
  margin: 0;
  padding: 0;
}
.frame {
  content: "";
  /* background: url(../Image/solutions_visual2.jpg) no-repeat top center; */
  background-size: cover;
  display: inline-block;
  height: 413px;
  width: 100vw;
  vertical-align: middle;
}
/*Section 1 */
.Vector-Smart-Object {
  position: absolute;
  left: calc(480px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 28px;
  width: 214px;
  height: 42px;
}
.Rounded-Rectangle-INQUIRY {
  position: absolute;
  left: calc(1952px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 25px;
  width: 128px;
  height: 48px;
  border-radius: 10px;
  background-color: #5ad2bc;
}
/* Section 2 */
.PA-Accelerator-for-SAP {
  position: absolute;
  left: calc(581px - (((2560 - var(--viewjs)) / 2) * 1px) + (var(--solution_poly) * 1px));
  top: 455px;
  width: 500px;
  height: 34px;
  font-family:'Open Sans Semi-bold',sans-serif;
  font-size: 45px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.Powerful-Profitability-Analysis-for-SAP {
  position: absolute;
  left: calc(581px - (((2560 - var(--viewjs)) / 2) * 1px) + (var(--solution_poly) * 1px));
  top: 570px;
  width: 900px;
  height: 17px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 23px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffd270;
}
.Profit-Analysis-Accelerator-for-SAP-guarantees-Accelerate-Busin {
  position: absolute;
  left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px) + (var(--solution_poly) * 1px));
  top: 630px;
  width: 790gitpx;
  height: 18px;
  font-family: 'Open Sans',sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: left;
  color: #ffd270;
}
.Big-data-creates-value-in-several-ways-some-significant-challe {
  position: absolute;
  left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px) + (var(--solution_poly) * 1px));
  top: 685px;
  width: 1079px;
  height: 118px;
  font-family: 'Open Sans Light',sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.Rounded-Rectangle-BROCHURE {
  position: absolute;
  left: calc(1522px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 485px;
  width: 229px;
  height: 60px;
  border-radius: 10px;
  border: solid 3px #ffffff;
  background-color: #ffffff;
}
.Brochure {
  position: absolute;
  left: calc(1572px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 507px;
  width: 75px;
  height: 15px;
  font-family: 'Open Sans',sans-serif;
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.Shape-BROCHURE {
  position: absolute;
  left: calc(1653px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 511px;
  width: 49px;
  height: 11px;
  background-color: #ffffff;
}
.Rounded-Rectangle-REQUEST {
  position: absolute;
  left: calc(1751px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 485px;
  width: 229px;
  height: 60px;
  border-radius: 10px;
  background-color: #ffffff;
}
.Shape-REQUEST {
  width: 49px;
  height: 11px;
  background-color: #333333;
}
/* Section 3 */
.Layer-57 {
    width: 2560px;
    height: 1091px;
    opacity: 0.3;
    mix-blend-mode: luminosity;
  opacity: 0.3;
  content: "";
  background: url(../Image/solutions_bg.jpg) no-repeat top center;
  display: inline-block;
  position: absolute;
  top: 979px;
  left: 0px;
}
.Benefits {
  position: absolute;
  left: calc(var(--mid_x) - (125px / 2));
  top: 883px;
  width: 134px;
  height: 29px;
  font-family: 'Open Sans Light',sans-serif;
  font-size: 38px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Rectangle-1-Benefits {
  position: absolute;
  left: calc(var(--mid_x) - (134px / 2));
  top: 932px;
  width: 134px;
  height: 3px;
  background-image: linear-gradient(to bottom right, #70bdad, #285bb1);
}
.benefits_super {
  position: absolute;
  left: calc(var(--mid_x) - (1400px / 2));/*calc(580px - (((2560 - var(--viewjs)) / 2) * 1px));*/
}
/* .Benefits-Table{
  width: 1400px;
  height: 665px;
  position: absolute;
  left: 0px;
  top: 995px;
  border-top: 4px solid #526e71;
  border-bottom: 4px solid #526e71;
} */
.Benefits-Table{
  width: 1400px;
  height: 131px;
  position: absolute;
  /* left: calc(var(--mid_x) - (1400px / 2)); */
  top: 995px;
  border-top: 4px solid #526e71;
  border-bottom: 0px solid #526e71;
}
.Benefits-Table-1 {
  width: 1400px;
  height: 395px;
  position: absolute;
  /* left: calc(var(--mid_x) - (1400px / 2)); */
  top: 1130px;
  border-top: 2px solid #526e71;
  border-bottom: 2px solid #526e71;
}
.Benefits-Table-1 {
  width: 1400px;
  height: 133px;
  position: absolute;
  /* left: calc(var(--mid_x) - (1400px / 2)); */
  top: calc(995px + 135px);
  border-top: 2px solid #526e71;
  border-bottom: 2px solid #526e71;
}
.Benefits-Table-2 {
  width: 1400px;
  height: calc(395px - (135px * 2));
  position: absolute;
  /* left: calc(var(--mid_x) - (1400px / 2)); */
  top: calc(1130px + 135px);
  border-top: 2px solid #526e71;
  border-bottom: 0px solid #526e71;
}
.Benefits-Table-2 {
  width: 1400px;
  height: 133px;
  position: absolute;
  /* left: calc(var(--mid_x) - (1400px / 2)); */
  top: calc(995px + (135px * 2));
  border-top: 2px solid #526e71;
  border-bottom: 0px solid #526e71;
}
.Benefits-Table-3 {
  width: 1400px;
  height: 133px;
  position: absolute;
  /* left: calc(var(--mid_x) - (1400px / 2)); */
  top: calc(995px + (135px * 3));
  border-top: 2px solid #526e71;
  border-bottom: 2px solid #526e71;
}
.Benefits-Table-4 {
  width: 1400px;
  height: 133px;
  position: absolute;
  /* left: calc(var(--mid_x) - (1400px / 2)); */
  top: calc(995px + (135px * 4));
  border-top: 2px solid #526e71;
  border-bottom: 4px solid #526e71;
}
.Accelerate-Business-Performance-and-Efficiency p {
  display: table-cell;
  vertical-align: middle;
}
.Accelerate-Business-Performance-and-Efficiency {
  position: absolute;
  left: 50px;
  top: 0px;
  width: 344px;
  height: 135px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #526e71;
  display: table;
}
.dot1 {
  position: absolute;
  left: calc(1107px - 580px);
  top: 25px;
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot1-1 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(30px + (19px * 1.2));
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot1-2 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(35px + (19px * 1.2 * 2));
  width: 5px;
  height: 5px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Accelerated-run-times-for-cost-allocations-Real-time-access-to p {
  display: table-cell;
  vertical-align: middle;
}
.Accelerated-run-times-for-cost-allocations-Real-time-access-to {
  position: absolute;
  left: calc(1136px - 580px);
  top: 0px;
  width: 510px;
  height: 135px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  display: table;
}
.------------------ {
  position: absolute;
  left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1130px;
  width: 1400px;
  height: 395px;
}
.Optimize-Decision-Making p {
  display: table-cell;
  vertical-align: middle;
}
.Optimize-Decision-Making {
  position: absolute;
  left: calc(630px - 580px);
  top: 0px;
  width: 340px;
  height: 135px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #526e71;
  display: table;
}
.dot2 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(25px);
  width: 5px;
  height: 61px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot2-1 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(25px + (19px * 1.47));
  width: 5px;
  height: 61px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot2-2 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(25px + (19px * 1.47 * 2));
  width: 5px;
  height: 61px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Easy-to-use-graphical-self-service-analytics-Flexible-and-unco p {
  display: table-cell;
  vertical-align: middle;
}
.Easy-to-use-graphical-self-service-analytics-Flexible-and-unco {
  position: absolute;
  left: calc(1137px - 580px);
  top: 0px;
  width: 500px;
  height: 135px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  display: table;
}
.Powerful-Profitability-Analysis p {
  display: table-cell;
  vertical-align: middle;
}
.Powerful-Profitability-Analysis {
  position: absolute;
  left: calc(631px - 580px);
  top: 0px;
  width: 380px;
  height: 135px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #526e71;
  display: table;
}
.dot3 {
  position: absolute;
  left: calc(1107px - 580px);
  top: 10px;
  width: 5px;
  height: 89px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot3-1 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(10px + (19px * 1.47 * 2));
  width: 5px;
  height: 61px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot3-2 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(10px + (19px * 1.47 * 3));
  width: 5px;
  height: 61px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Various-uses-such-as-management-planning-and-estimated-profit p {
  display: table-cell;
  vertical-align: middle;
}
.Various-uses-such-as-management-planning-and-estimated-profit {
  position: absolute;
  left: calc(1136px - 580px);
  top: 0px;
  width: 775px;
  height: 135px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  display: table;
}
.Seize-Opportunities-to-Maximize-Performance p {
  display: table-cell;
  vertical-align: middle;
}
.Seize-Opportunities-to-Maximize-Performance {
  position: absolute;
  left: calc(630px - 580px);
  top: 0px;
  width: 298px;
  height: 135px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #526e71;
  display: table;
}
.dot4 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(25px);
  width: 5px;
  height: 61px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot4-1 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(25px + (19px * 1.47 * 1));
  width: 5px;
  height: 61px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot4-2 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(25px + (19px * 1.47 * 2));
  width: 5px;
  height: 61px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Unlimited-analysis-of-CO-PA-data-Easily-integrate-CO-PA-data-wi p {
  display: table-cell;
  vertical-align: middle;
}
.Unlimited-analysis-of-CO-PA-data-Easily-integrate-CO-PA-data-wi {
  position: absolute;
  left: calc(1137px - 580px);
  top: 0px;
  width: 480px;
  height: 135px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  display: table;
}
.Innovative-Advancement p {
  display: table-cell;
  vertical-align: middle;
}
.Innovative-Advancement {
  position: absolute;
  left: calc(631px - 580px);
  top: 0px;
  width: 320px;
  height: 135px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #526e71;
  display: table;
}
.dot5 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(25px + (19px * 1.47 * 0));
  width: 5px;
  height: 33px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot5-1 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(25px + (19px * 1.47 * 1));
  width: 5px;
  height: 61px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.dot5-2 {
  position: absolute;
  left: calc(1107px - 580px);
  top: calc(1557px + (19px * 1.47 * 2));
  width: 5px;
  height: 61px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.\-6 {
  position: absolute;
  left: calc(1107px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1557px;
  width: 5px;
  height: 33px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Minimizes-results-data-allowing-to-save-storage-cost-Reduces-op p {
  display: table-cell;
  vertical-align: middle;
}
.Minimizes-results-data-allowing-to-save-storage-cost-Reduces-op {
  position: absolute;
  left: calc(1137px - 580px);
  top: 0px;
  width: 786px;
  height: 135px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  display: table;
}
.Rounded-Rectangle-4 {
  position: absolute;
  left: calc(var(--mid_x) - (1400px / 2));
  top: 1706px;
  width: 1400px;
  height: 314px;
  border-radius: 20px;
  background-color: #526e71;
}
.graph {
  position: absolute;
  left: calc(var(--mid_x) - (888px / 2));
  top: calc(1706px + 130px);
  width: 888px;
  height: 148x;
}
.-Hours-Allocation-Scenario {
  position: absolute;
  left: calc(var(--mid_x) - (278px / 2));
  top: 1731px;
  width: 300px;
  height: 21px;
  font-family: 'Open Sans',sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #ffd270;
}
.Hours-bold {
  font-weight: bold;
  font-size: 30px;
}
.-Hours-Allocation-Scenario .text-style-1 {
  font-size: 30px;
  font-weight: bold;
}
.Total-runtime-reduced-by {
  position: absolute;
  right: calc(var(--mid_x) - (201px/2) + 79px);
  top: 1787px;
  width: 218px;
  height: 17px;
  font-family: 'Open Sans',sans-serif;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.94;
  letter-spacing: normal;
  text-align: left;
  color: #ffd270;
}
.-or-more {
  position: absolute;
  left:calc(var(--mid_x) - (198px /2) + 111px);
  top: 1782px;
  width: 198px;
  height: 28px;
  font-family: 'Open Sans Bold',sans-serif;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.53;
  letter-spacing: normal;
  text-align: left;
  color: #ffd270;
  text-decoration: underline;
  text-underline-position: under;

}
.ERP {
  position: absolute;
  left: calc(924px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1862px;
  width: 29px;
  height: 12px;
  font-family: 'Open Sans',sans-serif;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.12;
  letter-spacing: normal;
  text-align: right;
  color: #ffffff;
}
.Rectangle-3-1 {
  position: absolute;
  left: calc(969px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1851px;
  width: 370px;
  height: 36px;
  background-color: #c0ff00;
}
.Rectangle-3-2{
  position: absolute;
  left: calc(1338px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1851px;
  width: 369px;
  height: 36px;
  background-color: #26c1c9;
}
.Selection-of-reference-data {
  position: absolute;
  left: calc(1053px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1862px;
  width: 200px;
  height: 13px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Processing-Posting {
  position: absolute;
  left: calc(1446px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1863px;
  width: 155px;
  height: 16px;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Shape-4-VERTICAL {
  position: absolute;
  left: calc(1707px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1832px;
  width: 1px;
  height: 121px;
  opacity: 0.4;
  background-color: #ffffff;
}
.Shape-4-HORIZON {
  position: absolute;
  left: calc(968px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1952px;
  width: 740px;
  height: 1px;
  opacity: 0.4;
  background-color: #ffffff;
}
.ERP-w-the-Solution {
  position: absolute;
  left: calc(834px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1906px;
  width: 119px;
  height: 31px;
  font-family: 'Open Sans',sans-serif;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.12;
  letter-spacing: normal;
  text-align: right;
  color: #ffffff;
}
.Rectangle-3-3 {
  position: absolute;
  left: calc(969px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1903px;
  width: 27px;
  height: 36px;
  background-color: #c0ff00;
}
.Rectangle-3-4 {
  position: absolute;
  left: calc(996px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1903px;
  width: 30px;
  height: 36px;
  background-color: #26c1c9;
}
.m {
  position: absolute;
  left: calc(1007px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1964px;
  width: 44px;
  height: 16px;
  font-family: 'Open Sans',sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.h1 {
  position: absolute;
  left: calc(1327px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1963px;
  width: 25px;
  height: 17px;
  font-family: 'Open Sans',sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.h2 {
  position: absolute;
  left: calc(1698px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 1963px;
  width: 24px;
  height: 17px;
  font-family: 'Open Sans',sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
/*Section 3*/
.Features-and-Capabilities {
  position: absolute;
  left: calc(var(--mid_x) - (450px / 2));
  top: 2150px;
  width: 450px;
  height: 38px;
  font-family: 'Open Sans Light',sans-serif;
  font-size: 38px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.92;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Rectangle-1-Feature {
  position: absolute;
  left: calc(var(--mid_x) - (450px / 2));
  top: 2199px;
  width: 421px;
  height: 3px;
  background-image: linear-gradient(to bottom right, #70bdad, #285bb1);
}
.Layer-867-1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 444px;
  height: 327px;
  background-color: white;
}
.Layer-867-2 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 444px;
  height: 327px;
  background-color: white;
}
.Layer-867-3 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 444px;
  height: 327px;
  background-color: white;
}
.Layer-867-4 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 444px;
  height: 327px;
  background-color: white;
}
.Layer-867-5 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 444px;
  height: 327px;
  background-color: white;
}
.Layer-867-6 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 444px;
  height: 327px;
  background-color: white;
}
.Layer-930-1 {
  position: absolute;
  left: calc(765px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2292px;
  width: 76px;
  height: 76px;
}
.Accelerated-Month-End-Closing {
  position: absolute;
  left: calc(50% - (400px / 2));
  top: 121px;
  width: 400px;
  height: 26px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  color: #526e71;
}
.Rapid-ERP-CO-PA-Allocations-Accelerated-CO-PA-Reporting-Guarant {
  position: absolute;
  left: 35px;
  top: 168px;
  width: 371px;
  height: 104px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}

/************************/
.FCDOT {
  position: absolute;
  left: 20px;
  width: 3px;
  height: 87px;
  font-family: 'Open Sans';
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.D1 { 
  top: 168px;
  z-index: 1;
}
.D2  {
  top: 195px;
  z-index: 1;
}
.D3 {
  top: 223px;
  z-index: 1;
}
.D4 {
  top: 250px;
  z-index: 1;
}

.A1 { 
  top: 168px;
  z-index: 1;
}
.A2  {
  top: 195px;
  z-index: 1;
}
.A3 {
  top: 223px;
  z-index: 1;
}
.A4 {
  top: 250px;
  z-index: 1;
}
.A5 {
  top: 2510px;
  z-index: 1;
}

.T1 {
  top: 168px;
  z-index: 1;
}
.T2 {
  top: 195px;
  z-index: 1;
}
.T3 {
  top: 223px;
  z-index: 1;
}
.T4 {
  top: 250px;
  z-index: 1;
}
.E1 {
  top: 168px;
  z-index: 1;
}
.E2 {
  top: 195px;
  z-index: 1;
}
.E3 {
  top: 223px;
  z-index: 1;
}
.E5 {
  top: 278px;
  z-index: 1;
}
.P1 {
  top: 168px;
  z-index: 1;
}
.P2 {
  top: 195px;
  z-index: 1;
}
.P3 {
  top: 223px;
  z-index: 1;
}
.P4 {
  top: 250px;
  z-index: 1;
}

.SD1{
  top: 168px;
  z-index: 1;
}
.SD2{
  top: 195px;
  z-index: 1;
}
.SD3{
  top: 223px;
  z-index: 1;
}
.SD4{
  top: 250px;
  z-index: 1;
}
.Layer-935 {
  width: 81px;
  left: calc(1240px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2300px;
  height: 60px;
  position: absolute;
  
}
.Layer-10-copy-2 {
  width: 76px;
  height: 61px;
  position: absolute;
  left: calc(1719px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2300px;
}
.Deeper-Analysis {
  position: absolute;
  left: calc(50% - (210px / 2));
  top: 121px;
  width: 210px;
  font-size: 23px;
  font-family: 'Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  color: #526e71;
}
.Optimal-result-data-set-without-redundancy-Possible-to-more-in- {
  position: absolute;
  left: 35px;
  top: 168px;
  width: 387px;
  height: 104px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.\-4-2 {
  position: absolute;
  left: calc(1078px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2427px;
  width: 3px;
  height: 87px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Layer-725 {
  position: absolute;
  left: calc(1725px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2311px;
  width: 65px;
  height: 22px;
}
.Powerful-Trace {
  position: absolute;
  left: calc(50% - (190px / 2));
  top: 121px;
  width: 190px;
  height: 20px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  color: #526e71;
}
.Traceable-distribution-relationship-by-each-receiver-Easy-to-v {
  position: absolute;
  left: 35px;
  top: 168px;
  width: 379px;
  height: 132px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.\-4-3 {
  position: absolute;
  left: calc(1556px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2437px;
  width: 3px;
  height: 87px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Ellipse-722 {
  position: absolute;
  left: calc(777px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2652px;
  width: 60px;
  height: 60px;
  border: solid 2.5px #454545;
  background-color: #454545;
}
.Layer-938 {
  position: absolute;
  left: calc(764px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2695px;
  width: 25px;
  height: 26px;
}
.Transparency {
  position: absolute;
  left: calc(50% - (172px / 2));
  top: 121px;
  width: 172px;
  height: 25px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  color: #526e71;
}
.No-changes-to-SAP-standard-data-Completely-separated-form-SAP-s {
  position: absolute;
  left: 35px;
  top: 168px;
  width: 379px;
  height: 104px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.\-4-4 {
  position: absolute;
  left: calc(600px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2793px;
  width: 3px;
  height: 87px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Layer-939 {
  position: absolute;
  left: calc(1243px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2657px;
  width: 73px;
  height: 60px;
}
.Layer-820 {
  position: absolute;
  left: calc(1719px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2300px;
  width: 73px;
  height: 60px;
}
.Layer-825 {
  position: absolute;
  left: calc(765px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2657px;
  width: 73px;
  height: 60px;
}
.Layer-726 {
  width: 70px;
  height: 8px;
  position: absolute;
  left: calc(1243px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2343px;
}
.Simple-Deployment {
  position: absolute;
  left: calc(50% - (250px / 2));
  top: 121px;
  width: 250px;
  height: 26px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  color: #526e71;
}
.Installation-via-Change-Request-Activation-via-customizing-No-a {
  position: absolute;
  left: 35px;
  top: 168px;
  width: 375px;
  height: 132px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.\-4-5 {
  position: absolute;
  left: calc(1078px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2793px;
  width: 3px;
  height: 86px;
  font-family: sans-serif, Gulim;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.Ellipse-949 {
  position: absolute;
  left: calc(1719px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2652px;
  width: 71px;
  height: 71px;
}
.Easy-to-Use {
  position: absolute;
  left: calc(50% - (150px / 2));
  top: 121px;
  width: 150px;
  height: 25px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  color: #526e71;
}
.Easy-to-use-via-personalized-closing-cockpit-Flexible-adaption {
  position: absolute;
  left: 35px;
  top: 168px;
  width: 390px;
  height: 104px;
  font-family: 'Open Sans',sans-serif;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.\-4-6 {
  position: absolute;
  left: calc(1556px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2793px;
  width: 4px;
  height: 86px;
  font-family: sans-serif, Gulim;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
.\- .text-style-1 {
  font-family: 'Open Sans',sans-serif;
}
.WeNestIm-All-Rights-Reserved {
  position: absolute;
  left: calc(var(--mid_x) - (380px / 2));
  top: 55px;
  width: 380px;
  height: 14px;
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  color: #8d8d8d;
}
.Polygon-Bottom {
  width: 59px;
  height: 68px;
  position: absolute;
  top: -34px;
  left: calc(var(--mid_x) - (59px / 2));
  background-image: url(../Image/btn_top.svg);
}
.Polygon-Bottom:hover {
  width: 59px;
  height: 68px;
  position: absolute;
  top: -34px;
  left: calc(var(--mid_x) - (59px / 2));
  background-image: url('../Image/btn_top_over.svg');
}
.frame5 {
  background-color: #000000;
  width: 100vw;
  height: 113px;
  position: absolute;
  top: 3076px;
  left: 0px;
}
.Rectangle-1 {
  position: absolute;
  left: calc(var(--mid_x) - (134px / 2));
  top: 932px;
  width: 145px;
  height: 3px;
  background-image: linear-gradient(to right, #70bdad, #285bb1);
}
.Rectangle-2 {
  position: absolute;
  left: calc(1068px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2654px;
  width: 424px;
  height: 3px;
  background-image: linear-gradient(to right, #70bdad, #285bb1);
}
.Layer-57 {
  position: absolute;
  left: 0px;
  top: 979px;
  width: 100vw;
  height: 1091px;
  opacity: 8.3;
  mix-blend-mode: luminosity;
  background-image: url(../Image/solutions_bg.jpg);
  background-size: cover;
}
.Layer-59 {
  position: absolute;
  left: 0px;
  top: 2070px;
  width: 100vw;
  height: 1097px;
  background-color: #f2f2f2;
}
.case_1:hover,
.case_2:hover,
.case_3:hover,
.case_4:hover,
.case_5:hover,
.case_6:hover {
  box-shadow: 8.7px 5px 15px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.case_1:hover {
  top: 2252px;
}
.case_1 {
  position: absolute;
  left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2262px;
  width: 444px;
  height: 327px;
}
.case_2:hover {
  top: 2252px;
}
.case_2 {
  position: absolute;
  left: calc(1058px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2262px;
  width: 444px;
  height: 327px;
}
.case_3:hover {
  top: 2252px;
}
.case_3 {
  position: absolute;
  left: calc(1536px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2262px;
  width: 444px;
  height: 327px;
}
.case_4:hover {
  top: 2609px;
}
.case_4 {
  position: absolute;
  left: calc(580px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2619px;
  width: 444px;
  height: 327px;
}
.case_5:hover {
  top: 2609px;
}
.case_5 {
  position: absolute;
  left: calc(1058px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2619px;
  width: 444px;
  height: 327px;
}
.case_6:hover {
  top: 2609px;
}
.case_6 {
  position: absolute;
  left: calc(1536px - (((2560 - var(--viewjs)) / 2) * 1px));
  top: 2619px;
  width: 444px;
  height: 327px;
}
.Layer-930 {
  position: absolute;
  left: 184px;
  top: 30px;
  width: 76px;
  height: 76px;
}